﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Confrérie de la Chaine des Rotisseurs Shanghai</title>
<link href="css/common.css" rel="stylesheet"/>
<link href="css/meishi.css" rel="stylesheet"/>
</head>

<body>
<div class="main">
  <div class="header">
   <div class="header_wz">
    <a href="#">中文 </a>| <a href="#">English</a>
    
   </div>
  
  </div>
  <div class="container">
    <div class="big_eye">
      <div class="nav">
       <a href="introduction/History.html" title="about" style="  width:120px; left:220px; top:5px;"></a>
       <a href="board/board_1.html" title="Board" style="  width:80px; left:350px; top:5px;"></a>
       <a href="events/Now" title="Events" style="  width:80px; left:440px; top:5px;"></a>
       <a href="ribbon/ribbon.html" title="Ribbon" style="  width:80px; left:540px; top:5px;"></a>
       <a href="#" title="Contacts us" style="  width:80px; left:650px; top:5px;"></a>
       <a href="#" title="login in" style="  width:50px; left:860px; top:5px;"></a>
       <a href="#" title="Sign up" style="  width:50px; left:910px; top:5px;"></a>
      </div>
        <div class="big_images">
        <!--<ul class="clearfix">
           <li><a href="#"><img src="images/temp/1000360_1.jpg" width="1000" height="360"/></a></li>
           <li><a href="#"><img src="images/temp/1000360_2.jpg" width="1000" height="360"/></a></li>
           <li><a href="#"><img src="images/temp/1000360_3.jpg" width="1000" height="360"/></a></li>
        </ul>-->
        <ul class="clearfix">
           <li><a href="#"><img src="images/temp/1000360_1.jpg" width="1000" height="360"/></a></li>
           <li style="display:none;"><a href="#"><img src="images/temp/1000360_2.jpg" width="1000" height="360"/></a></li>
           <li style="display:none;"><a href="#"><img src="images/temp/1000360_3.jpg" width="1000" height="360"/></a></li>
        </ul>
        </div>
        <div class="narrow clearfix">
      <div class="l_narrow" style="opacity: 0.8;filter: alpha(opacity=80);"></div>
      <div class="r_narrow" style="opacity: 0.8;filter: alpha(opacity=80);"></div>
      </div>
    </div>
    <div class="line_bg"> </div>
    <div class="content">
      <div class="con_left">
        <a href="#"><img src="images/temp/260110.jpg" width="260" height="110"/></a>
        <div class="list_info">
        <h3>Introduction Dinner</h3>
        <p>Date: Jan 31, 2012  @HYATT</p>
        <p>Details</p>
        <p>Texts</p>
        </div>
        <a href="events/Now" class="read_more">Read More >></a>
      </div>
      <div class="con_right">
         <a href="#"><img src="images/temp/140110.jpg" width="140" height="110"/></a>
        <div class="list_info">
          <p>
         Confrérie de la Chaine des Rotisseurs is a French Association running under the July 1st, 1901 Law. 
Its constitution was registered by the Prefecture de Police in Paris on August 3rd 1950 and published in the Journal Officiel de la République Francaise&#187; on August 29th, 1950 (on page 9316)... 
        
           </p>
          
      </div>
       <a href="introduction/History.html" class="read_more">Read More >></a> 
    </div>
  </div>
  <div class="footer">
     <p>© 2004-2012 Confrérie La Chaîne des Rôtisseurs</p>
     <p><a href="#">About Chaine</a><a href="#">Board</a><a href="#">Events</a><a href="#">Ribbon</a><a href="#">Contact us</a></p>
  
  </div>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!--<script type="text/javascript" src="js/js.js"></script>-->
<!--<script>
 
$(function(){
	$(".big_images").slidelf({
		"prev":"l_narrow",
		"next":"r_narrow",
		"speed":1000
	});
});
</script>-->
<script src="js/animate.js"></script>
<script>
scrolling(".big_images ul li",6000);

</script>


</body>
</html>
